<template>
    <div>
       <TypeNav></TypeNav>
       <ListContainer></ListContainer>
       <Recommend></Recommend>
       <Rank></Rank>
       <Like></Like>
       <!-- <Floor :floorsListx="floorsList[0] ?floorsList[0] :[] "></Floor>
       <Floor :floorsListx="floorsList[1] ? floorsList[1] : []"></Floor> -->
       <Floor v-for="item in floorsList" :key="item.id" :floorsListx="item" :bannerclass="'swiperban'+item.id"></Floor>
       <Brank></Brank>
    </div>
</template>

<script>
import { mapState } from 'vuex'

import Brank from './Brand'
import Floor from './Floor'
import Like from './Like'
import ListContainer from './ListContainer'
import Rank from './Rank'
import Recommend from './Recommend'
// import TypeNav from './TypeNav'
    export default {
        name:'Home',
        computed:{
            ...mapState('home',['floorsList'])
        },
        components:{
            // TypeNav,
            ListContainer,
            Recommend,
            Rank,
            Like,
            Floor,
            Brank,
        },
        mounted(){
            // console.log(1111111,this.floorsList);
            this.$store.dispatch('home/reqFloorsList')
        }
    }
</script>

<style scoped>

</style>